@import 'common.less';

.detail{
    width: 750/@rem;height: 1712/@rem;background: url("/src/img/detailbg.jpg") no-repeat;background-size: 750/@rem 1712/@rem;position: absolute;left: 50%;top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    .detail-title{
        width: 613/@rem;height: 187/@rem;background: url("/src/img/detail-title.png") no-repeat;background-size: 640/@rem 187/@rem;margin: 157/@rem auto 24/@rem;padding: 0 13/@rem 0 14/@rem;
    }
    .detail-main{
        width: 640/@rem;margin: 0 auto;font-size: 24/@rem;line-height: 38/@rem;
        span{display: inline-block;width: 70px;}
    }
    .detailbtn{
        width: 750/@rem;height: 108/@rem;background: #f03f58;color: #fff;font-size: 42/@rem;line-height: 108/@rem;text-align: center;display: block;margin-top: 30/@rem;
    }
    .detail-footer{text-align: center;margin-top: 30/@rem;font-size: 24/@rem;}
}